// @import '~@devui-design/icons/icomoon/devui-icon.css';
@import './custom-theme.scss';

html,
body {
  height: 100%;
}

body {
  background-color: $devui-base-bg;
}

.devui-dropdown-menu {
  .devui-dropdown-item {
    font-size: $devui-font-size;
    color: $devui-text;

    .icon {
      font-size: $devui-font-size;
      margin-right: 8px;
    }

    .da-language-prefix {
      margin-right: 8px;
    }
  }

  .da-active-lang .devui-dropdown-item {
    color: $devui-list-item-active-text !important;
    background-color: $devui-list-item-active-bg !important;
  }
}

.da-notice-modal {
  width: 320px;
  max-height: 380px;
}

@media only screen and (max-width: 1023px) {
  .modal-dialog {
    max-width: 400px !important;
  }
}

@media only screen and (max-width: 450px) {
  .da-notice-modal {
    left: 40px !important;
  }
}

@media only screen and (max-width: 395px) {
  .da-notice-modal {
    left: 60px !important;
  }
}

.devui-btn.devui-btn-success {
  color: #fff;
  color: var(--devui-light-text, #ffffff);
  min-width: 64px;
  background-color: #3ac295 !important;

}

.devui-btn.devui-btn-warning {
  color: #fff;
  color: var(--devui-light-text, #ffffff);
  min-width: 64px;
  background-color: #fac20a !important;

}

span.title {
  text-align: center !important;
}

 td {
  text-align: center !important;

}

td.job {
  text-align: left !important;
}

.devui-table thead tr th .drag-icon {
  display: inline-block;
  visibility: hidden;
}

@import 'ng-devui/theme-collection/extend-theme.css';

.devui-btn.devui-btn-sm {
  padding: 0 16px;
  padding: var(--devui-btn-sm-padding, 0 16px);
  height: 28px !important;
  line-height: 28px;
  font-size: 12px;
  font-size: var(--devui-font-size-sm, 12px);
  min-width: 56px;
}

.devui-table[_ngcontent-ng-c1223145376] thead tr th .header-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;

  svg {
    width: 0px !important;
    height: 16px;
  }
}

.devui-table[_ngcontent-ng-c1223145376] thead tr th .header-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.devui-table[_ngcontent-ng-c1223145376] thead tr th.devui-checkable-cell {
  padding: 0px 0 0px 0px !important;
}

.devui-table[_ngcontent-ng-c1223145376] thead tr .check-box-all {
  vertical-align: middle;
  margin-right: 0px !important;
}

.devui-table thead tr th {
  text-align: center !important;
}

.devui-form-controls input {
  width: 100%;
}

.devui-btn.devui-btn-common[_ngcontent-ng-c3526927221] {
  border: 1px solid rgb(209, 208, 208) !important;
  background-color: none !important;
}

.devui-btn.devui-btn-common:hover {
  border: 1px solid $devui-brand-active !important;
  background-color: none !important;
}

.devui-table[_ngcontent-ng-c1223145376] thead tr th {
  .header-container {
    background-color: $devui-list-item-hover-bg;
  }
}
.mid-bot .devui-table[_ngcontent-ng-c1223145376] thead tr {
  background-color: rgba(0, 0, 0, 0) !important;
}
.mid-bot .devui-table thead tr th {
  border-bottom: 1px solid  rgba(35, 185, 255, 0.7)!important;
  .header-container {
    background-color: rgba(35, 185, 255, 0.2)
  }
}
.mid-bot .devui-table tbody>tr{
  background-color: rgba(35, 185, 255, 0.2)!important;
}
.mid-bot .devui-table tbody>tr>td{
  background-color: rgba(0, 0, 0, 0) !important;
  border-bottom: 1px solid  rgba(35, 185, 255, 0.3)!important;
}

.devui-table[_ngcontent-ng-c1223145376] thead tr th.devui-checkable-cell {
  background-color: $devui-list-item-hover-bg
}
d-form-control .devui-dropdown {
  max-width: 400px !important;
  width: 100% !important;
}

.devui-datepicker-pro-wrapper {
  width: 100% !important;
  max-width: 330px !important;
}
td .devui-datepicker-pro-wrapper {
  width: 80% !important;
}

input.devui-form-control.devui-select-input.devui-input.ng-invalid {
  background-color: #ffd5d4;
  border-color: #f66f6a;
}

.devui-tags-input-wrapper {
  border: 1px solid $devui-form-control-line !important;
  background-color: $devui-form-control-bg
}



.cascader d-cascader input.devui-form-control.devui-select-input.devui-input.ng-untouched.ng-pristine.ng-valid.ng-star-inserted {
  border: none !important;
}



.custom-class {
  .devui-toast-message-success {
    .devui-toast-item {
      width: 26em;
      color: #252b3a;
      background-color: $devui-success-bg;

      .devui-toast-icon-close {
        top: 10px;
        right: 13px;

        .devui-toast-close-icon {
          fill: #252b3a;
        }
      }

      .devui-toast-image {
        top: 15px;
      }

      .devui-toast-message {
        line-height: 23px;

        .devui-toast-title {
          font-size: 16px;
        }

        p {
          font-size: 14px;
        }
      }
    }
  }

  .devui-toast-item {
    color: #f3f3f3;
    background-color: $devui-red-50;
    width: 26em;

    .devui-toast-icon-close {
      top: 10px;
      right: 13px;

      .devui-toast-close-icon {
        fill: #252b3a;
      }
    }

    .devui-toast-image {
      top: 15px;
    }

    .devui-toast-message {
      line-height: 23px;

      .devui-toast-title {
        font-size: 16px;
      }

      p {
        white-space: nowrap;
        font-size: 14px;
      }
    }
  }

  .devui-toast-message-warn {
    .devui-toast-item {
      color: #252b3a;
      background-color: $devui-warning-bg;
      width: 26em;

      .devui-toast-icon-close {
        top: 10px;
        right: 13px;

        .devui-toast-close-icon {
          fill: #252b3a;
        }
      }

      .devui-toast-image {
        top: 15px;
      }

      .devui-toast-message {
        line-height: 23px;

        .devui-toast-title {
          font-size: 16px;
        }

        p {
          white-space: nowrap;
          font-size: 14px;
        }
      }
    }
  }
}

.devui-talbe-scorll-middle tr .devui-last-sticky-left-cell {
  background: none !important;
  box-shadow: 7px 0px 12px -2px rgb(43 42 42 / 10%);
}

.devui-talbe-scorll-middle tr .devui-last-sticky-left-cell,
.devui-talbe-scorll-middle th .devui-last-sticky-left-cell,
.devui-talbe-scorll-right tr .devui-last-sticky-left-cell,
.devui-talbe-scorll-right th .devui-last-sticky-left-cell {
  background: none !important;
  box-shadow: 7px 0px 12px -2px rgb(43 42 42 / 10%);
}

.devui-table tbody>tr>td {
  padding: 5px 0px !important;
  height: 50px;
}
.mid-bot .devui-table tbody>tr>td {
  padding: 0.463vh 0px !important;
  height: 5.5555vh!important;
}
.mid-bot.right .devui-table tbody>tr>td {
  padding: 0.463vh 0px !important;
  height: 4.5vh!important;
}
 .devui-table .devui-week-header td {
  padding: 0 4px !important;
}

.devui-table tbody>tr>td.job {
  text-align: left !important;
}

.devui-data-table .devui-table-view .scroll-view {
  overflow-x: auto;
  overflow-y: auto !important;

  &::-webkit-scrollbar-thumb {
    position: absolute !important;
    right: 2px !important;
    bottom: 2px !important;
    z-index: 1 !important;
    border-radius: 4px !important;
  }
}

.modal-backdrop[_ngcontent-ng-c4193578497] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0 !important;
  left: 0;
  z-index: calc(var(--devui-z-index-modal, 1050)) !important;
  background-color: var(--devui-shadow, rgba(37, 43, 58, .24));
}

 .input-box {
  height: 33px !important;
}
td .input-box {
  height: 25px !important;
}

d-input-number {
  width: 100% !important;
}
td d-input-number {
  width: 80% !important;
}



.input-control-buttons {
  display: block !important;
}

@media only screen and (max-width: 1023px) {
  .modal-dialog {
    max-width: 80vw !important;
    min-width: 400px !important;
  }
}
.input-box[_ngcontent-ng-c4125081759]:not(.disabled) {
  background-color: #ffffff !important;
  border-color: #d7d8da !important
}

d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled) {
  border-color: #f66f6a !important;
  border-color: var(--devui-danger-line, #f66f6a) !important;
}


.devui-jump-container input {
  height: 24px !important;
}

[_nghost-ng-c1223145376] {
  display: block;
  height: 100%;
}
.mid-bot [_nghost-ng-c1223145376] {
  display: block;
  height: auto;
}

.list-content .devui-data-table .devui-table-view {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;

  .table-wrap {
    flex-shrink: 0;
    width: calc(100% - 8px) !important;

    @-moz-document url-prefix() {
      width: 100% !important;
    }
  }

  .scroll-view {
    height: 0;
    flex-grow: 1 !important;
    overflow-y: scroll !important;
    overflow-x: auto !important;
  }
}
.mid-bot .devui-data-table .devui-table-view {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;

  .table-wrap {
    flex-shrink: 0;
    width: 100% !important;

    @-moz-document url-prefix() {
      width: 100% !important;
    }
  }

  .scroll-view {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
  }
}
.devui-data-table .devui-scrollbar {
  scrollbar-width: auto !important;
}

@media screen and (max-width: 768px) {
  html {
    overflow-y: scroll;
    overflow-x: auto;
  }
}

d-cascader .devui-dropdown {
  width: 100% !important;
}
.devui-form-controls input[type=password], .devui-form-controls input[type=text],[dTextInput] {
  height: 32px!important;
}
d-select .devui-form-control {
  &.devui-select-input {
    height: 30.27px!important;
  }
}


.devui-btn{
  height: 32px!important;
}
.devui-datepicker-pro-wrapper .devui-range-picker .close-icon-wrapper .close-icon {
  line-height: 32px!important;
}
.devui-datepicker-pro-wrapper .devui-range-picker {
  padding: 0 0 0 8px!important;
}
 .devui-form-horizontal .devui-form-operation.form-header-btn {
  height: auto!important;
  display: flex !important;
  margin-left: 0px !important;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
  border-top: none!important;
}
.detailTable .devui-table tbody > tr > td {
  padding: 5px 0px !important;
  height: auto;
}

.devui-splitter-bar[_nghost-ng-c1473609084] {
  background-color: $devui-list-item-hover-bg !important;

}
.devui-image-preview-container{
  display: flex;
  justify-content: center;
  align-items: center;
}
 .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control, .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input {
  height:30.17px!important;
}
td  .devui-input {
  height: 25px !important;
}
td .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) > .devui-input{
  height: 25px !important;
}
da-app{
  zoom: 88%;
}
.custom-class2.devui-toast{
  transform: translate(-50%, 50%) !important;
}
.selectMaterial .devui-datepicker-pro-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
}
.btn-group .devui-dropdown-menu{
  margin: 0px !important;
}
.order-wrap .devui-badge-content-count {
  min-width: 0.9375vw!important;
  height: 0.9375vw!important;
  font-size:  0.83333vw!important;
  line-height: 0.9375vw!important;
  text-align: center!important;
  padding: 0 0.021vw!important;
  border-radius: var(--devui-border-radius-full, 100px);
}


td d-select .devui-form-control.devui-select-input{
  height: 25px !important;
}
